<template>
  <el-menu  class="el-menu-demo" align="left"
    background-color="#545c64"
            text-color="#fff"
            active-text-color="#409eff"
            router
            :unique-opened="true"
  >
    <el-submenu index="1">
      <template slot="title">
        <span>实验室管理</span>
      </template>
      <el-menu-item index="/laboratory/selectAll" v-if="role==3">实验室列表</el-menu-item>
      <el-menu-item index="/laboratory/add" v-if="role==3">添加实验室</el-menu-item>
      <el-menu-item index="/bookLaboratory/selectAll">预约列表</el-menu-item>
      <el-menu-item index="/bookLaboratory/add">添加预约</el-menu-item>
    </el-submenu>
    <el-submenu index="2">
      <template slot="title">
        <span>作业管理</span>
      </template>
      <el-menu-item index="/workhome/selectAll">作业列表</el-menu-item>
      <el-menu-item index="/workhome/add" v-if="role==2">添加作业</el-menu-item>
      <el-menu-item index="/workhome/upload" v-if="role==1">上传作业</el-menu-item>
    </el-submenu>
    <div v-if="role==2||role==3">
    <el-submenu index="3">
      <template slot="title">
        <span>班级学生管理</span>
      </template>
      <el-menu-item index="/classstudent/ClassList">班级管理</el-menu-item>
      <el-menu-item index="/classstudent/StudentList">学生列表</el-menu-item>
    </el-submenu>
    <div v-if="role==3">
    <el-submenu index="4">
      <template slot="title">
        <span>卫生管理</span>
      </template>
      <el-menu-item index="/laboratoryHealth/LaboratoryHealthList">卫生检查</el-menu-item>
      <el-menu-item index="/laboratoryHealth/AddLaboratoryHealth">添加</el-menu-item>
    </el-submenu>
    <el-submenu index="5">
      <template slot="title">
        <span>报修管理</span>
      </template>
      <el-menu-item index="/repair/RepairList">报修列表</el-menu-item>
      <el-menu-item index="/repair/AddRepair">添加报修</el-menu-item>
    </el-submenu>
    <el-submenu index="6">
      <template slot="title">
        <span>教师管理</span>
      </template>
      <el-menu-item index="/teacher/TeacherList">教师列表</el-menu-item>
      <el-menu-item index="/teacher/AddTeacher">添加教师</el-menu-item>
    </el-submenu>
    <el-submenu index="7">
      <template slot="title">
        <span>文档管理</span>
      </template>
      <el-menu-item index="/document/DocumentList">文档列表</el-menu-item>
      <el-menu-item index="/document/AddDocument">上传文档</el-menu-item>
    </el-submenu>
    <el-submenu index="8">
      <template slot="title">
        <span>疫情管理</span>
      </template>
      <el-menu-item index="/health/HealthList">消杀列表</el-menu-item>
      <el-menu-item index="/health/AddHealth">添加消杀</el-menu-item>
    </el-submenu>
    </div>
    </div>
  </el-menu>
</template>

<script>
export default {
  name: "Aside",
  data(){
    return {
      role:sessionStorage.getItem("role")
    }
  }
}
</script>

<style scoped>

</style>
